/*------------------------- background --------------------------------------*/
.background .background-content{
    width: 100%;
    text-align: center; 
    background: url("images/sable.jpg") no-repeat center fixed; 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari*/ 
    background-size: cover; /* version standardisée */
    background-size: 100% 100%;
  }
/*------------------------ fin background ------------------------------*/  
/*------------------------bannière ----------------------*/
.bloc{
    width:100%;
}
.present{
    font-family: 'Architects Daughter', cursive;
    font-size:2em;
    margin-top: -30px;
}
.bann{
    margin-top:-100px;
    margin-right:-50%;
}
/*------------------------fin bannière --------------------------*/
/*--------------adaptabilité titre masseurs ---------------------*/
@media(max-width:980px){
  .present{
     margin-top:20px; 
  }
}
/*------------------------carrés bleus --------------------------*/
.adresse {
  text-align: center;
  font-size:0.9em;
}
.appel a:hover{
    color:rgb(240, 230, 230);
}
.appel a{
    text-align: center;
    color:rgb(46, 44, 44);
    font-size:2em;
}
.box1 .columns{
    margin: 0 auto;
    margin-top: -5%;
    margin-bottom: 10%;
    width:100%;
    align-items: center;
    justify-content: center; 
}
.box1 .columns .nom{
    font-size:1.5em;
    font-family: 'Architects Daughter', cursive;
    text-align:left;
    padding-left:5%;
}
.box1 .columns .nom2{
  font-size:1.5em;
  font-family: 'Architects Daughter', cursive;
}
.box1 .columns .nom3{
  font-size:1.5em;
  font-family: 'Architects Daughter', cursive;
  text-align:right;
  padding-right:5%;
}
.box1 .columns .noms{
  line-height: 3.3em;
  text-shadow:-5px 2px 1px rgba(46, 44, 44, 0.5);
}
.columns .column{
    text-align:center;
    font-size:1.5em; 
    border: outset 5px rgb(108, 129, 153);
    overflow: auto;
    background-color:rgba(47, 86, 158, 0.5);
    color:white;
    margin-right: 2%;
    margin-left:2%;
    padding-top:30px;
    padding-bottom:30px;
    box-shadow: 0 35px 55px rgba(0,0,0,0.30), 0 35px 32px rgba(0,0,0,0.22); 
}
.box2 .columns{
    margin: 0 auto;
    margin-top:-5%;
    margin-bottom: 1%;
    width:100%;
    align-items: center;
    justify-content: center; 
}
.box2 .columns .column{
    text-align:center;
    font-size:1.5em;
    border: outset 5px rgb(108, 129, 153);
    overflow: auto;
    background-color:rgba(47, 86, 158, 0.5);
    color:white;
    margin-right: 2%;
    margin-left: 2%;;
    padding-top:30px;
    padding-bottom:30px;
    box-shadow: 0 35px 55px rgba(0,0,0,0.30), 0 35px 32px rgba(0,0,0,0.22); 
}
.columns .column h2{
    font-family: 'Dancing Script', cursive;
    font-size:1.5em;
}
.columns .column h3{
  font-family: 'Dancing Script', cursive;
  font-size:1.2em;
}
.columns .column p{
  text-align:left;
  padding-left: 5px;
  font-size:0.8em;
}
ul li{
  text-align:left;
  font-size:0.8em;
}
/*---------------fin carrés bleus -------------------------*/
/*-----------------footer --------------------------------*/
.auteur {
    color:black;
}
.auteur a {
    color:black; 
}
.copy a{
   color: rgb(47, 86, 158);
}
/*--------------------fin footer----------------------------*/
/*----------------------adaptation logo ------------*/
@media(max-width:1780px){
    .bann{
       margin-top:-70px; 
    }
}
/*-------MENU--------*/
* {
    margin: 0;
    padding: 0;
  }  
  .annonce {
    padding-top:40px;
    padding-bottom: 40px;
    font-size: 3em;
    font-family: 'Architects Daughter', cursive;
  }
nav{
  width: 100%;
  margin: 0 auto;
  background-color: rgba(47, 86, 158, 0.6);
  position: sticky;
  top: 0px;
  z-index: 1000;
}
.conteneur-nav{
  position: absolute;
  width: 100%;
  color:white;
}
nav input[type=checkbox]{
  display: none;
}
nav label{
  display: inline-block;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  background-color: rgba(47, 86, 158, 0.5);
}
nav ul{
  display: none;
  list-style-type: none;
  background-color: #555;
  color:white;
}
nav input[type=checkbox]:checked + ul{
  display: flex;
  flex-flow : column wrap;
}
nav ul li{
  flex: 1 1 auto;
  text-align: center;
}
nav > div > ul > li > a{
  color: white;
}
nav a{
  display: block;
  text-decoration: none;
  color: white;
  padding: 10px 0px;
  font-family: 'Dancing Script', cursive;
  font-size: 1.5em;
}
.selected{
  color: rgb(238, 205, 144);
      border-bottom: 2px solid rgb(216, 199, 144);
}
@media screen and (min-width: 980px){
  .conteneur-nav{
      position: static;
  }
  nav label, nav input{
      display: none;
  }
  nav input[type=checkbox]:checked + ul, nav ul{
      display: flex;
      flex-flow: row wrap;
      background-color: rgba(47, 86, 158, 0.5);
  }
  nav ul li{
      position: relative;
  }
  nav > div > ul > li > a{
      color: white;
  }
  nav a{
      border-bottom: 2px solid transparent;
  }
  nav a:hover{
      color: rgb(238, 205, 144);
      border-bottom: 2px solid rgb(216, 199, 144);
  }
}
.conteneur-contenu{
margin: 50px 20px;
height: 1500px;
}
/*-----------------google maps-----------------*/
.situe iframe{
  width:1400px;
  height:350px;
  margin-left:0%;
  margin-top:-5%;
}
@media screen and (max-width: 1615px){
  .situe iframe{
      margin-left:0%;
  }
}
@media screen and (max-width: 1615px){
  .situe iframe{
      margin-left:0%;
      width:1200px;
  }
}
@media screen and (max-width: 1230px){
  .situe iframe{
      margin-left:0%;
      width:1000px;
  }
}
@media screen and (max-width: 1010px){
  .situe iframe{
      margin-left:0%;
      width:800px;
  }
}
@media screen and (max-width: 810px){
  .situe iframe{
      margin-left:0%;
      width:600px;
  }
}
@media screen and (max-width: 600px){
  .situe iframe{
      margin-left:0%;
      width:400px;
  }
}
/*-----------------photos ------------------------------*/
.bonhomme{
  margin-left:50px;
  animation-name: marge;
  animation-duration:5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes marge{
  from{
    margin-left:50px;
  } to{
    margin-left:-250px;
  }
}
.photo img {
  padding:40px;
}
.photo img:hover{
  transform:scale(2);
}
.titre{
  font-size:2em;
  font-family: 'Architects Daughter', cursive;
}
.text {
  font-size:1.2em;
  color:rgb(47, 86, 158);
}
/*------------------contour photos -----------------------*/
.contour{
  width: 80%;
  box-shadow: 50px 50px 50px 50px rgb(69, 72, 92);
  border-radius:15px outset white;
  box-shadow:30px white;
  margin:auto;
}
.box3{
  margin-top:-5%;
}
 /*-----------------adaptation grandeur photos------------------*/
 @media(max-width:700px){
  .photo img:hover{
    transform:none;
  }
  .text{
    visibility:hidden;
}
 }